codepedia.de
HTML
CSS
Javascript
  • Javascript
  • JS for Web
  • JQuery
  • Async JS
Backend
  • Basics
  • Node
  • Express
  • Connect DB to Node
GIT
Databases
  • Basics
  • SQL
  • No SQL
Vue
  • Vue
  • Vue Router
  • Vue-State-Management
  • Vite
  • Quasar
  • Nuxt
  • Vue Animation
  • VuePress (opens new window)
Misc.
  • Command Line
  • VS Code
  • Jetbrains IntelliJ
  • Markdown
  • Design
  • Performance
  • Clean Code
  • Fake API
  • SSH
About/Imprint
HTML
CSS
Javascript
  • Javascript
  • JS for Web
  • JQuery
  • Async JS
Backend
  • Basics
  • Node
  • Express
  • Connect DB to Node
GIT
Databases
  • Basics
  • SQL
  • No SQL
Vue
  • Vue
  • Vue Router
  • Vue-State-Management
  • Vite
  • Quasar
  • Nuxt
  • Vue Animation
  • VuePress (opens new window)
Misc.
  • Command Line
  • VS Code
  • Jetbrains IntelliJ
  • Markdown
  • Design
  • Performance
  • Clean Code
  • Fake API
  • SSH
About/Imprint
  • VUE

    • Adding Vue
    • VS Code Settings Vue
    • Vue Project-Structure
    • Vue Data-Binding
    • Vue Conditional Rendering
    • Vue List Rendering
    • Vue Events
    • Vue Dynamic Styling
    • Vue Advanced reactivity
    • Vue Template Refs
    • Vue Livecycle-Hooks
    • VUE Components
    • VUE Passing Data
    • VUE Slots
    • VUE Dynamic Components
    • VUE Forms
    • VUE Teleporting
    • VUE Axios
    • Vue Options-API
    • Vue Composition-API
    • Vue Script-Setup
    • Vue Composables - Hooks
    • Vue Mixins
    • VUE Styleguide
      • Options-Order
        • Modified Version
      • Element-Attributes-Order
    • VUE Links

# VUE Styleguide

# Options-Order

https://v2.vuejs.org/v2/style-guide/#Component-instance-options-order-recommended (opens new window)

# Modified Version

  1. Name
  2. Components
  3. Props
  4. Setup
  5. Data
  6. Computed
  7. Methods
  8. watch
  9. Lifecycle-Hooks
    1. beforeCreate
    2. created
    3. beforeMount
    4. mounted
    5. beforeUpdate
    6. updated
    7. activated
    8. deactivated
    9. beforeDestroy
    10. destroyed

# Element-Attributes-Order

https://v2.vuejs.org/v2/style-guide/#Element-attribute-order-recommended (opens new window)

  1. List v-for
  2. Conditionals v-if etc.
  3. id
  4. ref
  5. key
  6. v-model
  7. @events
  8. :
  9. ...

maybe also order alphabetically

← Vue Mixins VUE Links →